<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	var base = "${base}/";
</script>
<!--框架必需-->
<script type="text/javascript" src="${base}/scripts/plugins/jquery-1.7.1.js"></script>
<script type="text/javascript" src="${base}/scripts/bsFormat.js"></script>
<link href="${base}/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link href="${base}/css/sky/style.css" rel="stylesheet" type="text/css" />
<!--截取文字-->
<script type="text/javascript" src="${base}/scripts/text/text-overflow.js"></script>
<!--引入弹窗组件-->
<script type="text/javascript" src="${base}/scripts/attention/zDialog/zDrag.js"></script>
<script type="text/javascript" src="${base}/scripts/attention/zDialog/zDialog.js"></script>
<script type="text/javascript">
$(function(){
	top.Dialog.close()
})
function openWin(){
	var diag = new top.Dialog();
	diag.Title = "添加角色";
	diag.URL = "${base}/oauth/roles/add.action";
	diag.Width=500;
	diag.Height=300;
	diag.CancelEvent = function(){
		diag.innerFrame.contentWindow.location.reload();
		diag.close();
		};
	diag.show();
}
</script>
</head>
<body>
<div class="position">
	<div class="center">
	<div class="left">
	<div class="right">
		<span>当前位置：角色管理 >> 角色列表</span>
	</div>	
	</div>	
	</div>
</div>
<div id="mainFrame">
<!--头部与导航start-->
<div id="hbox">
	<div class="bs_nav">
		<div class="bs_navleft">
			<li>请输入查询关键字：</li>
			<li><input type="text"/></li>
			<li><input type="button" class="search" value="查询"/></li>
		</div>
		<div class="bs_navright">
			<a onclick="openWin()"><span class="icon_add">添加</span></a>
			<span class="icon_edit">修改</span>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
</div>
<div id="scrollContent" class="border_gray">
<table class="tableStyle">
	<tr>
		<th class="th-title" width="5%">序号</th>
		<th class="th-title" width="5%">角色ID</th>
		<th class="th-title" width="15%">角色名称</th>
		<th class="th-title" width="20%">权限标签</th>
		<th class="th-title" width="20%">角色描述</th>
		<th class="th-title" width="15%">添加时间</th>
		<th class="th-title" width="20%">基本操作</th>
	</tr>
	<#if (rolesList??) && (rolesList?size>0)>
		<#list rolesList as role>
		<tr>
			<td>${(role_index) + 1}</td>
			<td>${(role.id)!''}</td>
			<td>${(role.name)!''}</td>
			<td>${(role.authority)!''}</td>
			<td><span class="text_slice">${(role.description)!''}</span></td>
			<td>${(role.createDate?string('yyyy-MM-dd HH:mm:ss'))!''}</td>
			<td>
				<span class="icon_add">授权</span>
				<span class="icon_add">查看</span>
				<span class="icon_edit">修改</span>
				<span class="icon_add">删除</span>
			</td>
		</tr>
		</#list>
	<#else>
		<tr>
			<td colspan="7">
				暂无角色信息记录
			</td>
		</tr>
	</#if>
</table>
<#include "/WEB-INF/tool/pager.ftl">
</div>
</body>
</html>